<template>
  <!-- vue2，template中，只能有一个根节点，vue3可以有多个 -->
  <div id="app">
    <Parent />
    <!-- <GrandPa /> -->
  </div>
</template>

<script>
// import GrandPa from './components/03-context/GrandPa.vue'
// import Parent from './components/01-parent-child/Parent.vue'
// import Parent from './components/02-brother/Parent.vue'
// import Parent from './components/04-slot/Parent.vue'
import Parent from './components/05-ref&parent/Parent.vue'
// {} 是 根组件的实例，只给根组件服务
export default {
  name: 'App',
  data () {
    return {
      test: 'test'
    }
  },
  // Vue2子组价，必须得注册才能使用，vue3不用
  components: {
    Parent
    // GrandPa
  }
}
</script>
